﻿<!DOCTYPE html>
<html>
  <head>
    <title>动物故事-大象</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/动物故事-大象/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/动物故事-大象/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机) -->

      <!-- iPhone 8 (组合) -->
      <div id="u535" class="ax_default" data-label="iPhone 8" data-width="430" data-height="881">

        <!-- iPhone 8 (图片) -->
        <div id="u536" class="ax_default" data-label="iPhone 8">
          <img id="u536_img" class="img " src="images/动物学前班-启动页/iphone_8_u2.png"/>
          <!-- Unnamed () -->
          <div id="u537" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u538" class="ax_default" data-label="iPhone 8">
          <img id="u538_img" class="img " src="images/动物学前班-启动页/iphone_8_u4.png"/>
          <!-- Unnamed () -->
          <div id="u539" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u540" class="ax_default" data-label="iPhone 8">
          <img id="u540_img" class="img " src="images/动物学前班-启动页/iphone_8_u6.png"/>
          <!-- Unnamed () -->
          <div id="u541" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u542" class="ax_default" data-label="iPhone 8">
          <img id="u542_img" class="img " src="images/动物学前班-启动页/iphone_8_u8.png"/>
          <!-- Unnamed () -->
          <div id="u543" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u544" class="ax_default" data-label="iPhone 8">
          <img id="u544_img" class="img " src="images/动物学前班-启动页/iphone_8_u10.png"/>
          <!-- Unnamed () -->
          <div id="u545" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u546" class="ax_default" data-label="iPhone 8">
          <img id="u546_img" class="img " src="images/动物学前班-启动页/iphone_8_u12.png"/>
          <!-- Unnamed () -->
          <div id="u547" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u548" class="ax_default" data-label="iPhone 8">
          <img id="u548_img" class="img " src="images/动物学前班-启动页/iphone_8_u14.png"/>
          <!-- Unnamed () -->
          <div id="u549" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u550" class="ax_default" data-label="iPhone 8">
          <img id="u550_img" class="img " src="images/动物学前班-启动页/iphone_8_u16.png"/>
          <!-- Unnamed () -->
          <div id="u551" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u552" class="ax_default" data-label="iPhone 8">
          <img id="u552_img" class="img " src="images/动物学前班-启动页/iphone_8_u18.png"/>
          <!-- Unnamed () -->
          <div id="u553" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u554" class="ax_default" data-label="iPhone 8">
          <img id="u554_img" class="img " src="images/动物学前班-启动页/iphone_8_u20.png"/>
          <!-- Unnamed () -->
          <div id="u555" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u556" class="ax_default" data-label="iPhone 8">
          <img id="u556_img" class="img " src="images/动物学前班-启动页/iphone_8_u22.png"/>
          <!-- Unnamed () -->
          <div id="u557" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u558" class="ax_default" data-label="iPhone 8">
          <img id="u558_img" class="img " src="images/动物学前班-启动页/iphone_8_u24.png"/>
          <!-- Unnamed () -->
          <div id="u559" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u560" class="ax_default" data-label="iPhone 8">
          <img id="u560_img" class="img " src="images/动物学前班-启动页/iphone_8_u26.png"/>
          <!-- Unnamed () -->
          <div id="u561" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- iPhone 8 (图片) -->
        <div id="u562" class="ax_default" data-label="iPhone 8">
          <img id="u562_img" class="img " src="images/动物学前班-启动页/iphone_8_u28.png"/>
          <!-- Unnamed () -->
          <div id="u563" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u564" class="ax_default box_1">
        <div id="u564_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u565" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u566" class="ax_default">
        <div id="u566_state0" class="panel_state" data-label="State1">
          <div id="u566_state0_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u567" class="ax_default image">
              <img id="u567_img" class="img " src="images/发现动物/u148.png"/>
              <!-- Unnamed () -->
              <div id="u568" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u569" class="ax_default _一级标题">
              <div id="u569_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u570" class="text">
                <p><span>大象</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u571" class="ax_default box_1">
              <div id="u571_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u572" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u573" class="ax_default label">
              <div id="u573_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u574" class="text">
                <p><span>在一片大草原上，一只白犀牛一边低头吃草，一边听背上的犀牛鸟唱歌。</span></p><p><span><br></span></p><p><span>犀牛鸟：“啦啦啦，啦啦啦，犀牛的脊背我的家，大大的犀牛最友爱，身上的虫儿任我抓，啦啦啦，啦啦啦......”</span></p><p><span><br></span></p><p><span>小小的犀牛鸟和胖胖的白犀牛是一对好朋友，犀牛鸟就是犀牛的广播员，总是给犀牛唱自己编的歌，它还是犀牛的情报员，能帮着犀牛打探消息，犀牛是犀牛鸟移动的餐厅，犀牛身上的皱纹里有许多的寄生虫，这些寄生虫就是犀牛鸟的美味，白犀牛听着犀牛鸟的夸奖，得意的甩甩尾巴，慢吞吞的说：“你唱的真好听。”</span></p><p><span><br></span></p><p><span>突然大象驮着皮皮猴从远处跑来，贴着白犀牛急匆匆的冲了过去，向不远处的森林奔去，猴子连说带比划的在大象的耳边说着什么，犀牛对背上的犀牛鸟说：“一定是发生了什么大事，不然大象不会这么着急。&quot;</span></p><p><span><br></span></p><p><span>犀牛鸟：“你等着，我去打听一下。”</span></p><p><span><br></span></p><p><span>犀牛鸟说着，一拍翅膀飞起来，直接朝大象和猴子的方向追了过去，不一会犀牛鸟飞回来，落到犀牛的背上说：“皮皮猴的弟弟淘气玩火，结果把火点着了。”</span></p><p><span><br></span></p><p><span>犀牛一听着急的说：“快，你前面带路，我们也帮着去救火。”</span></p><p><span><br></span></p><p><span>犀牛鸟：“不用吧，皮皮猴又没说让我们去帮忙。”</span></p><p><span><br></span></p><p><span>犀牛鸟说着，在白犀牛脖子的褶皱里啄了一只虱子吞了下去。</span></p><p><span><br></span></p><p><span>犀牛：“不行，万一火大，大象救不过来，火烧掉皮皮猴的家，再烧到树林，蔓延到草原上。”</span></p><p><span><br></span></p><p><span>白犀牛越说越觉得危险，它话都没说完就撒开腿跑起来，犀牛鸟正在它的背上磨嘴巴，犀牛这么猛得一跑，犀牛鸟没防备掉了下来，多亏它反应快，赶紧煽动翅膀飞了起来，它一边追犀牛，一边叽叽喳喳的埋怨着说：“你真不够朋友，真去的话你哼一声，没有我你知道皮皮猴家在哪儿呀。”</span></p><p><span><br></span></p><p><span>犀牛跑得快，可是它的眼神不太好，犀牛鸟盯着森林里冒烟的地方，给犀牛当指挥。</span></p><p><span><br></span></p><p><span>犀牛鸟：“向左跑，好，现在直着跑，偏了，向右边点。”</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u575" class="ax_default image">
              <img id="u575_img" class="img " src="images/获得动物信息/u338.png"/>
              <!-- Unnamed () -->
              <div id="u576" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- 声音 (组合) -->
            <div id="u577" class="ax_default ax_default_hidden" data-label="声音" style="display:none; visibility: hidden" data-width="0" data-height="0">

              <!-- Unnamed (矩形) -->
              <div id="u578" class="ax_default box_1">
                <div id="u578_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u579" class="text" style="display:none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (下拉列表框) -->
              <div id="u580" class="ax_default droplist" title="声音">
                <select id="u580_input" title="声音">
                  <option value="声音">声音</option>
                  <option value="成熟男声">成熟男声</option>
                  <option value="成熟女声">成熟女声</option>
                  <option value="年轻男声">年轻男声</option>
                  <option value="年轻女声">年轻女声</option>
                  <option value="......">......</option>
                </select>
              </div>

              <!-- Unnamed (下拉列表框) -->
              <div id="u581" class="ax_default droplist" title="声音">
                <select id="u581_input" title="声音">
                  <option value="语速">语速</option>
                  <option value="0.5倍">0.5倍</option>
                  <option value="1倍">1倍</option>
                  <option value="1.5倍">1.5倍</option>
                  <option value="2倍">2倍</option>
                </select>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u582" class="ax_default box_1">
        <div id="u582_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u583" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u584" class="ax_default _一级标题">
        <div id="u584_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u585" class="text">
          <p><span>动物故事</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u586" class="ax_default label">
        <div id="u586_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u587" class="text">
          <p><span>1. 使用者可以下滑页面阅读动物的故事。</span></p><p><span><br></span></p><p><span>2. 这里调用了百度AI中的语音合成API，使用者可以点击播放键听故事。使用者还可以点击播放键设置声音、语速。</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
